$w:100%;
$h:100%;
$m:0 auto;
$w2:1210px;
$p:position;
$a:absolute;
$f:fixed;
$r:relative;
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
    margin: 0;
    padding: 0
}

body,
html {
    width: $w;
    height: $h;
}

fieldset,
img {
    border: 0;
}

img {
    display: block;
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ul,
ol {
    list-style: none;
}

input {
    padding-top: 0;
    padding-bottom: 0;
    font-family: "SimSun", "宋体";
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

select,
input {
    vertical-align: middle;
}

select,
input,
textarea {
    font-size: 12px;
    margin: 0;
}

input[type="text"],
input[type="password"],
textarea {
    outline-style: none;
    -webkit-appearance: none;
}

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
}

ul li {
    list-style: none;
}

.click_tan {
    width: $w;
    height: 80px;
    background: url(../../img/ad_img/2.jpg) no-repeat center center;
    background-size: cover;
    img {
        margin: $m;
    }
}

.head {
    background: #f2f2f2;
    width: $w;
    height: 30px;
    .head_con {
        width: $w2;
        height: 30px;
        margin: $m;
        font-size: 12px;
        line-height: 30px;
        a {
            color: #666;
        }
        li {
            float: left;
        }
        i {
            width: 1px;
            height: 12px;
            float: left;
            margin-top: 9px;
            background: #dfdfdf;
        }
        .left {
            float: left;
            width: 280px;
            height: 30px;
            .gohome {
                width: 110px;
                height: 30px;
                background: url(../../img/style_img/home.png) no-repeat left center;
                a {
                    margin-left: 20px;
                }
            }
            .gohome a:hover {
                color: #B28247;
            }
            .phone {
                width: 166px;
                height: 30px;
                b {
                    float: left;
                    width: 25px;
                    height: 30px;
                    background: url(../../img/ad_img/brandstore_share.png) no-repeat -348px -338px;
                }
            }
        }
        .right {
            float: right;
            width: 540px;
            height: 30px;
            #{$p}: $r;
            #loginHide {
                #{$p}: $a;
                z-index: 9999999;
                left: 56px;
                top: 30px;
                width: 55px;
                height: 18px;
                line-height: 18px;
                font-size: 12px;
                color: #000000;
                text-align: center;
                cursor: pointer;
                border: 1px solid #CCCCCC;
                display: none;
            }
            .login {
                width: 100px;
                height: 30px;
                overflow: hidden;
                text-align: center;
                line-height: 30px;
                color: #000;
            }
            .login a:hover {
                color: #D00000;
            }
            .register {
                width: 88px;
                height: 30px;
                a {
                    margin-left: 8px;
                }
                b {
                    margin-left: 10px;
                    width: 22px;
                    height: 24px;
                    float: left;
                    background: url(../../img/style_img/youli.gif) no-repeat;
                }
            }
            .register a:hover {
                color: #B28247;
            }
            .me:hover {
                background: #fff url(../../img/ad_img/brandstore_share.png) no-repeat -253px -464px;
                .a_me {
                    color: #B28247;
                }
                .hide {
                    display: block;
                }
            }
            .hide a:hover {
                color: #D00000;
            }
            .me {
                #{$p}: $r;
                width: 130px;
                height: 30px;
                background: url(../../img/ad_img/brandstore_share.png) no-repeat -253px -436px;
                .a_me {
                    margin-left: 15px;
                }
                .hide {
                    z-index: 9999;
                    display: none;
                    width: 130px;
                    height: 150px;
                    background: #fff;
                    #{$p}: $a;
                    a {
                        display: block;
                        height: 30px;
                        width: 130px;
                        text-align: center;
                        line-height: 30px;
                    }
                }
            }
            .help {
                width: 85px;
                height: 30px;
                text-align: center;
            }
            .help a:hover {
                color: #B28247;
            }
            .load:hover {
                background: #fff url(../../img/ad_img/brandstore_share.png) no-repeat -200px -404px;
                .sp1 {
                    color: #D00000;
                }
            }
            .load {
                width: 128px;
                height: 30px;
                background: url(../../img/ad_img/brandstore_share.png) no-repeat -200px -369px;
                #{$p}: $r;
                .sp1 {
                    color: #666;
                    margin-left: 20px;
                }
                .hide {
                    z-index: 99999;
                    #{$p}: $a;
                    display: none;
                    width: 128px;
                    height: 150px;
                    background: #fff;
                    img {
                        width: 106px;
                        height: 106px;
                        margin: 2px 11px;
                    }
                    ol {
                        color: #666;
                        line-height: 20px;
                        font-size: 13px;
                        text-align: center;
                    }
                    span {
                        color: #d00000;
                        font-size: 16px;
                    }
                }
            }
        }
    }
}

.mid {
    width: $w;
    height: 110px;
    background: #fff;
    .mid_con {
        @extend .mid;
        margin: $m;
        width: $w2;
        #{$p}: $r;
        vertical-align: middle;
        .logo {
            #{$p}: $a;
            width: 244px;
            height: 110px;
            left: 0px;
        }
        .ad {
            #{$p}: $a;
            top: 14px;
            width: 142px;
            height: 80px;
            left: 290px;
        }
        .search {
            width: 387px;
            height: 68px;
            overflow: hidden;
            #{$p}: $a;
            left: 485px;
            top: 36px;
            .search_con {
                width: 385px;
                height: 34px;
                padding:2px;
                background: #c69c6d;
                #txt,
                #sub {
                    outline: none;
                    border: none;
                    height: 34px;
                }
                #txt {
                    color: grey;
                    float: left;
                    width: 300px;
                    padding-left: 3px;
                    line-height: 34px;
                    background: #fff;
                }
                #sub {
                    color: #fff;
                    font-size: 15px;
                    float: left;
                    width: 80px;
                    background: #c69c6d;
                }
            }
            .search_list li {
                display: inline-block;
                float: left;
                color: #999;
                font-size: 11px;
                padding-right: 25px;
                line-height: 32px;
                a {
                    color: grey;
                }
            }
        }
        .cart {
            #{$p}: $a;
            right: 10px;
            top: 35px;
            width: 138px;
            height: 32px;
            line-height: 32px;
            border: 1px solid #ccc;
            color: #666;
            background: #fff url(../../img/ad_img/brandstore_share.png) no-repeat -337px -405px;
            .cart_con {
                #{$p}: $r;
                width: $w;
                height: $h;
                img {
                    float: left;
                    margin: 4px 5px;
                }
                p {
                    margin-left: 15px;
                    font-size: 12px;
                    float: left;
                    display: inline-block;
                }
                #cart_num {
                    color: red;
                }
                .hide {
                    clear: both;
                    width: 268px;
                    padding: 10px 10px 20px 10px;
                    text-align: center;
                    max-height: 335px;
                    overflow-y: auto;
                    overflow-x: hidden;
                    background: #fff;
                    top: 32px;
                    z-index: 9999;
                    #{$p}: $a;
                    display: none;
                    right: 0px;
                    border: 1px solid #ccc;
                }
            }
        }
        .cart:hover .hide {
            display: block;
        }
    }
}

.nav {
    width: $w;
    height: 40px;
    line-height: 40px;
    background: url(../../img/style_img/1.png) repeat-x;
    .menu {
        @extend .nav;
        margin: $m;
        width: $w2;
        .left {
            width: 950px;
            height: 40px;
            float: left;
            li {
                float: left;
                width: 82px;
                height: 40px;
                font-size: 14px;
                text-align: center;
                a {
                    color: #b28247;
                }
                i {
                    width: 19px;
                    height: 40px;
                    float: left;
                    margin-left: 23px;
                    background: url(../../img/ad_img/share02.png) no-repeat -58px -169px;
                }
            }
            li:hover a {
                color: #fff;
            }
            .findstore:hover i {
                background-position: -366px -252px;
            }
            .leftmenu {
                cursor: pointer;
                #{$p}: $r;
                .submenu {
                    z-index: 99999;
                    #{$p}: $a;
                    left: 0;
                    width: 130px;
                    display: none;
                    min-height: 540px;
                    background: #fff;
                    opacity: 0.7;
                    filter: alpha(opacity=70);
                    li {
                        height: 36px;
                        text-align: left;
                        line-height: 36px;
                        width: 130px;
                        margin: $m;
                        #{$p}: $r;
                        padding-left: 48px;
                        a {
                            color: #000;
                        }
                        i {
                            #{$p}: $a;
                            display: none;
                            right: 47px;
                            top: 2px;
                            width: 20px;
                            height: 36px;
                            float: right;
                            background: url(../../img/ad_img/share02.png) no-repeat -304px -33px;
                        }
                        .submenu_show1 {
                            z-index: 99999;
                            display: none;
                            width: 800px;
                            background-color: #ffffff;
                            left: 130px;
                            top: 0px;
                            min-height: 220px;
                            #{$p}: $a;
                            .showshop {
                                line-height: 40px;
                                background-color: #ffffff;
                                min-width: 605px;
                                max-width: 750px;
                                border-bottom: #d7d7d7 1px solid;
                                margin: 10px 0px 10px 20px;
                                float: left;
                                clear: both;
                                overflow: hidden;
                                line-height: 25px;
                            }
                            .showbag {
                                max-width: 500px;
                                min-height: 25px;
                                line-height: 25px;
                                float: left;
                                display: block;
                            }
                            .showbag a {
                                color: #757272;
                                font-size: 12px;
                                float: left;
                                margin-right: 10px;
                            }
                            h2 {
                                float: left;
                                color: #CF0201;
                                width: 105px;
                                font-size: 14px;
                                font-style: normal;
                                padding-left: 25px;
                            }
                            h2 a {
                                font-size: 14px;
                                color: #CF0201;
                            }
                            h2 a:hover {
                                text-decoration: underline;
                                -webkit-text-decoration-color: #CF0201;
                                -moz-text-decoration-color: #CF0201;
                                -ms-text-decoration-color: #CF0201;
                            }
                            a:hover {
                                text-decoration: underline;
                                -webkit-text-decoration-color: #757272;
                                -moz-text-decoration-color: #757272;
                                -ms-text-decoration-color: #757272;
                            }
                            .showindex {
                                float: left;
                                padding-left: 25px;
                                width: 590px;
                                height: 70px;
                            }
                            .showindex a {
                                display: block;
                                width: 115px;
                                height: 30px;
                                line-height: 30px;
                                text-align: center;
                                color: #fff;
                                background-color: #cf0201;
                                margin-top: 20px;
                                float: left;
                                margin-left: 20px;
                            }
                        }
                    }
                    .li1:hover .submenu_show1 {
                        display: block;
                    }
                    li:hover i {
                        display: block;
                    }
                    li:hover a {
                        color: #B28247;
                    }
                    .li1 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -2px;
                    }
                    .li2 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -35px;
                    }
                    .li3 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -66px;
                    }
                    .li4 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -98px;
                    }
                    .li5 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -130px;
                    }
                    .li6 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -163px;
                    }
                    .li7 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -195px;
                    }
                    .li8 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -228px;
                    }
                    .li9 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -260px;
                    }
                    .li10 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -290px;
                    }
                    .li11 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -325px;
                    }
                    .li12 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -356px;
                    }
                    .li13 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -388px;
                    }
                    .li14 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -420px;
                    }
                    .li15 {
                        background: url(../../img/style_img/brand_category1.png) no-repeat -3px -455px;
                    }
                    .li1:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -2px;
                    }
                    .li2:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -35px;
                    }
                    .li3:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -66px;
                    }
                    .li4:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -98px;
                    }
                    .li5:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -130px;
                    }
                    .li6:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -163px;
                    }
                    .li7:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -195px;
                    }
                    .li8:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -228px;
                    }
                    .li9:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -260px;
                    }
                    .li10:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -290px;
                    }
                    .li11:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -325px;
                    }
                    .li12:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -356px;
                    }
                    .li13:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -388px;
                    }
                    .li14:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -420px;
                    }
                    .li15:hover {
                        background: url(../../img/style_img/brand_category2.png) no-repeat -3px -455px;
                    }
                }
            }
        }
        .right {
            width: 126px;
            height: 40px;
            float: right;
            #{$p}: $r;
            li {
                width: 42px;
                height: 40px;
                line-height: 40px;
                overflow: hidden;
                top: 0px;
                #{$p}: $a;
                span {
                    margin-left: 5px;
                    color: #fff;
                    font-size: 12px;
                }
                b {
                    width: 30px;
                    height: 40px;
                    float: left;
                }
            }
            .li1 {
                left: 0px;
                b {
                    background: url(../../img/ad_img/share02.png) no-repeat -237px -66px;
                }
            }
            .li2 {
                left: 42px;
                b {
                    background: url(../../img/ad_img/share02.png) no-repeat -296px -66px;
                }
            }
            .li3 {
                left: 84px;
                b {
                    background: url(../../img/ad_img/share02.png) no-repeat -354px -66px;
                }
            }
        }
    }
}

#maincontent {
    width: $w;
    height: 520px;
    .banner {
        height: 520px;
        margin: $m;
        width:$w;
        overflow: hidden;
        #{$p}: $r;
        .btnL,
        .btnR {
            cursor: pointer;
            display: none;
            width: 29px;
            height: 49px;
            #{$p}: $a;
            top: 50%;
            z-index: 9999;
            margin-top: -25px;
        }
        .btnL {
            left: 10%;
        }
        .btnR {
            right: 10%;
        }
        #banner_list {
            #{$p}: $a;
            z-index: 9998;
            li {
                float: left;
                list-style: none;
            }
        }
        #btn_list {
            background: rgba(0, 0, 0, 0.2);
            border-radius: 10px;
            #{$p}: $a;
            bottom: 10px;
            left: 50%;
            z-index: 9999;
            margin-left: -80px;
            li {
                cursor: pointer;
                width: 15px;
                height: 15px;
                border-radius: 50%;
                background: #fff;
                float: left;
                margin: 2px 4px;
            }
            .active {
                background: red;
            }
        }
    }
}

.mainx_main {
    width: $w2;
    margin: $m;
    .brandship_title {
        @extend .mainx_main;
        margin-top: 40px;
        margin-bottom: 28px;
        img {
            width: $w2;
            height: 51px;
        }
    }
    .brandship_list {
        margin: $m;
        height: 329px;
        li {
            float: left;
            margin-right: 10px;
            height: 329px;
            #{$p}: $r;
            border-bottom: 1px solid #000;
            overflow: hidden;
            .brandship_tbox {
                #{$p}: $a;
                width: 174px;
                height: 154px;
                left: 30px;
                text-align: center;
                background: #fff;
                top: 260px;
                img {
                    width: 60px;
                    height: 30.27px;
                    margin: 10px 57px 3px;
                }
                span {
                    display: block;
                    width: 20px;
                    height: 2px;
                    background: #000;
                    margin: 14px auto;
                }
                p {
                    height: 24px;
                    font-size: 14px;
                    color: #000;
                }
            }
        }
    }
    .hotstore_title {
        width: $w2;
        height: 60px;
        margin: $m;
        img {
            float: left;
        }
        .hotarrowbtn {
            float: right;
            padding-top: 23px;
            padding-right: 15px;
            span {
                width: 8px;
                height: 15px;
                display: inline-block;
            }
            .hot_pre {
                background: url(../../img/ad_img/share02.png) no-repeat -160px -384px;
            }
            .hot_next {
                background: url(../../img/ad_img/share02.png) no-repeat -180px -384px;
            }
            a {
                margin-left: 10px;
            }
        }
    }
    .hotflag {
        width: 1208px;
        height: 200px;
        margin: $m;
        overflow: hidden;
        #{$p}: $r;
        .hotflagbox {
            #{$p}: $a;
            left: 0px;
            top: 5px;
        }
    }
    .storesame_title {
        width: $w2;
        height: 112px;
        overflow: hidden;
    }
    .storesame_btn {
        width: $w2;
        height: 30px;
        margin: $m;
        margin-bottom: 15px;
        li {
            width: 398px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            margin-right: 8px;
            float: left;
            background: #999;
            color: #fff;
            font-size: 14px;
            cursor: pointer;
        }
        li.active {
            background: #000;
            color: #B28247;
        }
    }
    .storesame {
        width: 1240px;
        height: 530px;
        margin: $m;
        #{$p}: $r;
        overflow: hidden;
        .storesame_box {
            #{$p}: $a;
            overflow: hidden;
            li {
                float: left;
                border: 1px solid #C9C9C9;
                margin: 2px;
                text-align: center;
                #{$p}: $r;
                img {
                    width: 150px;
                    height: 150px;
                    display: inline-block;
                    vertical-align: middle;
                }
                .span1 {
                    #{$p}: $a;
                    width: 205px;
                    word-wrap: break-word;
                    top: 10px;
                    left: 10px;
                    color: #000;
                    font-size: 12px;
                    text-align: center;
                    line-height: 24px;
                }
                .center-span {
                    display: inline-block;
                    vertical-align: middle;
                    width: 0px;
                    height: 100%;
                }
            }
            .li1 {
                width: 368px;
                height: 517px;
                img {
                    width: 368px;
                    height: 517px;
                }
            }
            .li2 {
                width: 224px;
                height: 250px;
            }
            .li3 {
                width: 369px;
                height: 250px;
                img {
                    width: 180px;
                    height: 180px;
                }
            }
            .li4 {
                width: 224px;
                height: 250px;
            }
            .li5 {
                width: 273px;
                height: 257px;
            }
            .li6 {
                width: 273px;
                height: 257px;
            }
            .li7 {
                width: 270px;
                height: 257px;
            }
            .li14 {
                width: 398px;
                height: 517px;
                img {
                    width: 398px;
                    height: 517px;
                }
            }
            .li15,
            .li16,
            .li17,
            .li18 {
                width: 396px;
                height: 255px;
                img {
                    width: 398px;
                    height: 255px;
                }
            }
        }
    }
    .shopcenter {
        width: $w2;
        height: 120px;
        margin: $m;
    }
    .shop_center {
        width: $w2;
        height: 50px;
        li {
            width: 234px;
            height: 50px;
            line-height: 50px;
            background: #999;
            text-align: center;
            font-size: 14px;
            color: #fff;
            float: left;
            margin-right: 10px;
            #{$p}: $r;
            overflow: hidden;
            div {
                #{$p}: $a;
                border: 1px solid #fff;
                width: 223px;
                height: 40px;
                top: 50px;
                left: 5px;
                color: #fff;
                font-weight: bold;
                text-align: center;
                line-height: 40px;
            }
        }
    }
    .goodtitle {
        width: $w2;
        margin: $m;
        height: 60px;
        img {
            float: left;
        }
        .rightbtn {
            width: 128px;
            height: 60px;
            float: right;
            .icon {
                float: right;
                background: url(../../img/ad_img/share02.png) no-repeat -470px -360px;
                width: 18px;
                height: 60px;
                margin-left: 6px;
            }
            .moretxt {
                float: right;
                font-size: 16px;
                line-height: 60px;
                color: #000;
            }
        }
    }
    .promotiontitle {
        width: $w2;
        height: 120px;
        margin: $m;
    }
    .promotionbox {
        width: $w2;
        height: 756px;
        margin: $m;
        .promotion1,
        .promotion2 {
            overflow: hidden;
            margin-bottom: 10px;
            width: $w2;
            height: 295px;
            div {
                margin-right: 13px;
                float: left;
            }
        }
        .promotion3 {
            overflow: hidden;
            width: 1230px;
            height: 146px;
            .proleft {
                float: left;
                width: 615px;
                height: 146px;
                overflow: hidden;
                div {
                    cursor: pointer;
                    margin-right: 7px;
                    margin-bottom: 8px;
                    float: left;
                    width: 190px;
                    height: 63px;
                    border: 1px solid #ccc;
                    img{
                       width: 190px;
                    height: 63px; 
                    }
                }
            }
            .proright {
                border: 1px solid #ccc;
                float: left;
                width: 600px;
                height: 138px;
                cursor: pointer;
                img {
                   width: 600px;
                height: 138px;
                }
            }
        }
    }
}

.footer_message_bg {
    width: $w;
    height: 601px;
    border-top: 1px solid #c9c9c9;
    background: url(../../img/style_img/footer_message_bg.jpg) no-repeat center center;
    background-size: cover;
    .footer_message_top {
        height: 116px;
        border-bottom: 1px solid #c9c9c9;
        clear: both;
        width: $w2;
        margin: $m;
        li {
            width: 242px;
            height: 64px;
            float: left;
            margin-top: 26px;
            img {
                width: 64px;
                height: 64px;
                display: inline-block;
                padding-left: 10px;
                padding-right: 5px;
                cursor: pointer;
                vertical-align: top;
                float: left;
            }
            div {
                display: inline-block;
                float: left;
                width: 160px;
                height: 48px;
                margin-top: 8px;
                .p1 {
                    font-weight: bold;
                }
                .p2 a {
                    color: #333;
                    font-size: 12px;
                }
            }
        }
    }
    .footer_message_ctr {
        width: $w2;
        height: 283px;
        margin: $m;
        ul {
            padding-left: 20px;
            li {
                float: left;
                width: 185px;
                overflow: hidden;
                .sp1 {
                    font-weight: bold;
                    margin-top: 20px;
                    margin-bottom: 20px;
                    color: #000;
                }
                span {
                    display: block;
                }
                a {
                    color: #333;
                    font-size: 12px;
                }
            }
            .pht_app {
                width: 140px;
            }
            .pht_weibo {
                width: 125px;
            }
        }
    }
    .footer_message_btm {
        width: $w2;
        height: 177px;
        text-align: center;
        color: #fff;
        margin: $m;
        font-size: 12px;
        a {
            color: #fff;
        }
        a:hover {
            text-decoration: underline;
        }
        .top {
            width: $w2;
            height: 66px;
            line-height: 66px;
        }
        .center {
            width: $w2;
            height: 48px;
            line-height: 24px;
            margin-bottom: 23px;
        }
        .bottom {
            width: 330px;
            height: 40px;
            margin: $m;
            a {
                float: left;
                text-align: center;
                height: 40px;
                margin-right: 3px;
            }
        }
    }
}

.popup_bg {
    z-index: 99998;
    width: $w;
    height: 120px;
    #{$p}: $f;
    bottom: 0px;
    background: url(../../img/ad_img/4.png) repeat-x;
    .bg_mid {
        width: $w2;
        height: 120px;
        margin: $m;
        #{$p}: $r;
        #close {
            #{$p}: $a;
            width: 30px;
            height: 30px;
            top: 5px;
            right: 26px;
            cursor: pointer;
        }
    }
}

.right_link1,
.right_link2 {
    #{$p}: $f;
    z-index: 99999;
    right: 0px;
    li {
        margin: 1px 0px;
        width: 35px;
        height: 35px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        a {
            width: 35px;
            height: 35px;
            float: left;
        }
    }
    .li1 {
        background: #333 url(../../img/ad_img/share02.png) no-repeat -88px -156px;
    }
    .li22 {
        background: #333 url(../../img/ad_img/share02.png) no-repeat -140px -154px;
    }
    .li3 {
        background: #333 url(../../img/ad_img/share02.png) no-repeat -202px -155px;
    }
    .li4 {
        background: #333 url(../../img/ad_img/share02.png) no-repeat -258px -125px;
    }
    .li5 {
        background: #333 url(../../img/ad_img/share02.png) no-repeat -313px -154px;
    }
    .li6 {
        background: #333 url(../../img/ad_img/share02.png) no-repeat -374px -156px;
    }
    .li7 {
        background: #333 url(../../img/style_img/line_bg.png) no-repeat 10px 9px;
    }
    .li8 {
        background: #333 url(../../img/ad_img/share02.png) no-repeat -437px -153px;
    }
    .li1:hover {
        background: #B28247 url(../../img/ad_img/share02.png) no-repeat -88px -121px;
    }
    .li22:hover {
        background: #B28247 url(../../img/ad_img/share02.png) no-repeat -141px -124px;
    }
    .li3:hover {
        background: #B28247 url(../../img/ad_img/share02.png) no-repeat -203px -126px;
    }
    .li4:hover {
        background: #B28247 url(../../img/ad_img/share02.png) no-repeat -258px -125px;
    }
    .li5:hover {
        background: #B28247 url(../../img/ad_img/share02.png) no-repeat -313px -123px;
    }
    .li6:hover {
        background: #B28247 url(../../img/ad_img/share02.png) no-repeat -375px -124px;
    }
    .li7:hover {
        background: #B28247 url(../../img/style_img/line_bg.png) no-repeat 10px -19px;
    }
    .li8:hover {
        background: #B28247 url(../../img/ad_img/lux_index.png) no-repeat -401px -52px;
    }
}

.right_link1 {
    top: 30%;
}

.right_link2 {
    bottom: 35px;
}

.goods {
    width: 1300px;
    height: 420px;
    margin: $m;
    .div1,
    .div2,
    .div3,
    .div4,
    .div5,
    .div6 {
        float: left;
        border: 1px solid #C9C9C9;
        margin: 3px;
    }
    .div1 {
        width: 240px;
        height: 370px;
        .top,
        .mid,
        .bot {
            width: 240px;
        }
        .top {
            height: 200px;
            li {
                float: left;
                width: 100px;
                height: 40px;
                text-align: center;
                line-height: 40px;
                font-size: 12px;
                a {
                    color: #666;
                }
                a:hover {
                    color: #B28247;
                }
            }
        }
        .mid {
            border-top: 1px solid #C9C9C9;
            border-bottom: 1px solid #C9C9C9;
            height: 118px;
            #{$p}: $r;
            overflow: hidden;
            ul {
                #{$p}: $a;
                width: 720px;
                height: 118px;
                li {
                    float: left;
                    width: 240px;
                    height: 118px;
                    text-align: center;
                    a,
                    span {
                        display: inline-block;
                        vertical-align: middle;
                    }
                    span {
                        width: 0px;
                        height: 100%;
                    }
                }
            }
        }
        .bot {
            height: 50px;
            #{$p}: $r;
            ul {
                #{$p}: $a;
                left: 50%;
                top: 50%;
                margin: -5px 0px 0px -30px;
                width: 60px;
                height: 10px;
                li {
                    float: left;
                    width: 10px;
                    height: 10px;
                    border-radius: 50%;
                    background: #C9C9C9;
                    cursor: pointer;
                    margin-left: 10px;
                }
                li.active {
                    background: #B28247;
                }
            }
        }
    }
    .div2 {
        width: 390px;
        height: 370px;
        #{$p}: $r;
        img {
            width: 390px;
            height: 370px;
        }
        .title {
            #{$p}: $a;
            bottom: 20px;
            left: 50%;
            margin-left: -100px;
            width: 200px;
            height: 100px;
            overflow: hidden;
            line-height: 33px;
            background: rgba(255, 255, 255, 0.4);
            color: #000;
            font-size: 14px;
            text-align: center;
        }
    }
    .div3,
    .div4,
    .div5,
    .div6 {
        width: 272px;
        height: 182px;
        img {
            width: 272px;
            height: 182px;
        }
    }
}